

interface MobileMenuProps {
    visible: boolean
}

export const MobileMenu = ({ visible }: MobileMenuProps) => {
    if (!visible) {
        return null
    }
    return (
        <div className="bg-black w-56 absolute top-8 left-0 py-5 flex-col border-2 border-gray-800 flex select-none">
            <div className="px-3 text-center text-white hover:underline">
                Home
            </div>
            <div className="px-3 text-center text-white hover:underline">
                Series
            </div>
            <div className="px-3 text-center text-white hover:underline">
                Films
            </div>
            <div className="px-3 text-center text-white hover:underline">
                New & Popular
            </div>
            <div className="px-3 text-center text-white hover:underline">
                My List
            </div>
            <div className="px-3 text-center text-white hover:underline">
                Browse & Language
            </div>
        </div>
    )
}